<template>
  <el-container class="home">
    <el-header>
      <img
        style="width: 100%; height: auto"
        src="../../assets/img/logopt.jpg"
        alt="" />
      <MainHeader title="logo" placeholder="请输入关键字……"
    /></el-header>
    <el-main
      ><div class="main-router"><router-view></router-view></div
    ></el-main>
    <el-footer class="footer">
      <div>
        <el-button type="text">联系我们</el-button>
        <el-button type="text">加入收藏</el-button>
      </div>
    </el-footer>
    <el-footer class="footer2">
      <span
        >网站标识码 CA330000000604382540002 | ICP备案编号 京ICP12005222号 |
        京公网安备 11011302001752号</span
      ><br />
      <span>网站主办 中国电子口岸数据中心 联系方式 010-95198</span>
    </el-footer>
  </el-container>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
// import Main from './main/main.vue'
import { MainHeader } from '@/components/main-header/index'

export default defineComponent({
  name: 'Home',
  components: { MainHeader },
})
</script>
<style lang="less" scoped>
.home {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #e9eef3;
}
.el-header {
  background-color: #2b578e;
  height: 10rem;
  padding: 0;
  overflow: hidden;
}
.footer {
  text-align: center;
  line-height: 60px;
  background-color: #2b578e;
}

.footer2 {
  padding: 20px;
  text-align: center;
  font-size: 14px;
}
.el-main {
  // background-color: #e9eef3;
  // background-color: #f7f7f7;
  color: var(--el-text-color-primary);
  margin: 0 auto;
  // width: 100%;
  height: 100%;
  .main-router {
    margin: auto;
    // width: 73%;
    height: 100%;
  }
}
</style>
